觀看金魚都能懂網頁設計入門 10

這是關於一對夫妻之間的小秘密， ( block ) 是爸爸，他有一個有名的外號：站位哥，因為他每次搭捷運時，總是喜歡一個人做一節車廂 ;而他老婆( inline )呢，是個日本人，最喜歡做的事情，就是排隊，不管要排多久，她就是喜歡排隊的感覺。
他們有一個剛出生小寶貝，叫做( inline-block )，聽鄰居說，這個小傢伙，是在一個巷子裡，當站位哥和日本人相遇時，碰.....了一下，而蹦出來的。
好了，回歸正傳，來介紹一下他們各自的特色。

人物介紹：

block： h1 div p ul li 都有 block 特性
爸爸，又稱為站位哥，他有頂高立地的能力（有高有寬）。

inline： a span 有 inline 特性
媽媽，她是日本人，最喜歡做的事情就是排隊（有長度）。

inline-block ：
爸爸媽媽的小寶貝，他繼承了爸爸媽媽的特色，他有頂高立地的能力（有高有寬），也喜歡和媽媽一起排隊（有長度）

對於小寶貝的小瑕疵： inline-block元素的空白间距處理

以下做為範例：
font-size處理
https://codepen.io/mikeyam/pen/xxVyvaM